.relationship.manageAppRight {
  background: #f0f0f0;
  position: relative;
  padding: 0 !important;
  .topButtons {
    position: absolute;
    top: 20px;
    right: 40px;
    display: flex;
    button {
      box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.16);
    }
  }
}

.LoadBox {
  position: absolute;
  left: 0;
  top: 20px;
  right: 0;
}

.relationshipWrap {
  position: relative;
  width: 100%;
  height: 100%;
  .emptyWrap {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    .iconBox {
      width: 150px;
      height: 150px;
      border-radius: 50%;
      display: inline-block;
      .icon {
        font-size: 94px;
        line-height: 150px;
      }
    }
  }
  .x6-edge:hover {
    z-index: 999;
    & > path:nth-child(2) {
      stroke: #5f95ff;
      stroke-width: 2;
    }
  }
  .x6-edge[data-cell-id$='null']:hover {
    cursor: move;
    & > path:nth-child(2) {
      stroke: rgba(0, 0, 0, 0);
      stroke-width: 1;
    }
  }
  .x6-edge-label {
    font-weight: 500;
  }
}

.quickActions-relationship {
  padding: 0 22px;
  height: 44px;
  background: #fff;
  box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.16);
  border-radius: 22px;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 26px;
  right: 40px;
  justify-content: center;
  align-items: center;
  .splintLint {
    width: 1px;
    height: 14px;
    background: #dddddd;
    margin: 0 22px;
    border: none;
  }
  .percent {
    display: inline-block;
    width: 50px;
  }
}
